<template>
  <!-- 9.实验室平台模块 -->
  <div class="LaboratoryPlatform_box">
    <span style="font-family:'宋体">实验室平台</span>
    <div class="LaboratoryPlatform_box_blue"></div>
    <div class="LaboratoryPlatform_box_orange"></div>
    <div class="m1" @click="img_pat">
      <img
        src="../../../assets/PAT测评系统.png"
        alt=""
        width="70px"
        height="70px"
      />
      <span>PAT测评系统</span>
    </div>
    <div class="m2" @click="img_tiis">
      <img
        src="../../../assets/教学信息综合管理.png"
        alt=""
        width="70px"
        height="70px"
      />
      <span>教学信息综合管理</span>
    </div>
    <div class="m3" @click="img_search">
      <img
        src="../../../assets/上机查询系统.png"
        alt=""
        width="70px"
        height="70px"
      />
      <span>上机查询系统</span>
    </div>
    <div class="m4" @click="img_application">
      <img
        src="../../../assets/资源申请.png"
        alt=""
        width="70px"
        height="70px"
      />
      <span>资源申请</span>
    </div>
    <div class="m5" @click="img_serve">
      <img
        src="../../../assets/设备管理.png"
        alt=""
        width="70px"
        height="70px"
      />
      <span>设备管理</span>
    </div>
    <div class="m6" @click="img_aoa">
      <img
        src="../../../assets/AOA评测系统.png"
        alt=""
        width="70px"
        height="70px"
      />
      <span>AOA评测系统</span>
    </div>
    <div class="m7" @click="img_sql">
      <img
        src="../../../assets/SQL判题系统.png"
        alt=""
        width="70px"
        height="70px"
      />
      <span>SQL判题系统</span>
    </div>
    <div class="m8" @click="img_check">
      <img
        src="../../../assets/格式检查系统.png"
        alt=""
        width="70px"
        height="70px"
      />
      <span>格式检查系统</span>
    </div>
    <div class="m9" @click="img_u">
      <img
        src="../../../assets/网络U盘.png"
        alt=""
        width="70px"
        height="70px"
      />
      <span>网络U盘</span>
    </div>
  </div>
</template>

<script>
import md5 from "js-md5";
export default {
  data() {
    return {
      // 是否显示详情
      showDetailVisible: false,
      // 数据详情
      detail: {},
    };
  },
  created() {},
  methods: {
    img_pat() {
      window.location.href = "http://pintia.cn";
    },
    img_u() {
      window.location.href = "ftp://10.66.28.222:2007";
    },
    img_aoa() {
      window.location.href = "http://10.66.48.251/";
    },
    img_tiis() {
      this.$router.push("/applications");
    },
    img_search() {
      window.location.href = "http://10.66.59.200:88/release/building.html";
    },
    img_serve() {
      window.location.href = "ftp://10.66.28.222:2007";
    },
    img_sql() {
      window.location.href = "ftp://10.66.28.222:2007";
    },
    img_check() {
      window.location.href = "http://10.66.48.20";
    },
    img_application() {
      this.$router.push("/applications");
    },
  },
};
</script>

<style lang="less" scoped>
//实验室平台模块
.LaboratoryPlatform_box {
  width: 750px;
  height: 270px;
  background-color: #f9f9f9;
  border-radius: 2px;
  position: absolute;
  left: 645px;
  top: 1505px;
  transform: translate(-50%, -50%);
  > span {
    display: flex;
    padding-top: 15px;
    padding-left: 10px;
    font-size: 18px;
  }
  > img {
    width: 70px;
    height: 70px;
  }
}
.LaboratoryPlatform_box_orange {
  width: 70px;
  height: 3px;
  background-color: #fc6620;
  position: absolute;
  left: 45px;
  top: 45px;
  transform: translate(-50%, -50%);
}
.LaboratoryPlatform_box_blue {
  width: 725px;
  height: 1px;
  background-color: #106ab5;
  position: absolute;
  left: 373px;
  top: 46px;
  transform: translate(-50%, -50%);
}
.m9 {
  width: 90px;
  height: 90px;
  position: absolute;
  left: 60px;
  top: 100px;
  transform: translate(-50%, -50%);
  cursor: pointer;
  > img {
    display: flex;
    padding-left: 10px;
  }
  > span {
    display: flex;
    padding-left: 20px;
    color: #000;
    font-size: 5px;
  }
}
.m1 {
  width: 90px;
  height: 90px;
  position: absolute;
  left: 160px;
  top: 100px;
  transform: translate(-50%, -50%);
  cursor: pointer;
  > img {
    display: flex;
    padding-left: 10px;
  }
  > span {
    display: flex;
    padding-left: 10px;
    color: #000;
    font-size: 5px;
  }
}
.m2 {
  width: 100px;
  height: 90px;
  position: absolute;
  left: 280px;
  top: 100px;
  transform: translate(-50%, -50%);
  cursor: pointer;
  > img {
    display: flex;
    padding-left: 10px;
  }
  > span {
    display: flex;
    padding-left: px;
    color: #000;
    font-size: 5px;
  }
}
.m3 {
  width: 90px;
  height: 90px;
  position: absolute;
  left: 390px;
  top: 100px;
  transform: translate(-50%, -50%);
  cursor: pointer;
  > img {
    display: flex;
    padding-left: 5px;
  }
  > span {
    display: flex;
    padding-left: 10px;
    color: #000;
    font-size: 5px;
  }
}
.m4 {
  width: 100px;
  height: 90px;
  position: absolute;
  left: 490px;
  top: 100px;
  transform: translate(-50%, -50%);
  cursor: pointer;
  > img {
    display: flex;
    padding-left: 10px;
  }
  > span {
    display: flex;
    padding-left: 20px;
    color: #000;
    font-size: 5px;
  }
}
.m5 {
  width: 90px;
  height: 90px;
  position: absolute;
  left: 590px;
  top: 100px;
  transform: translate(-50%, -50%);
  cursor: pointer;
  > img {
    display: flex;
    padding-left: 6px;
  }
  > span {
    display: flex;
    padding-left: 18px;
    color: #000;
    font-size: 5px;
  }
}
.m6 {
  width: 100px;
  height: 90px;
  position: absolute;
  left: 690px;
  top: 100px;
  transform: translate(-50%, -50%);
  cursor: pointer;
  > img {
    display: flex;
    padding-left: 10px;
  }
  > span {
    display: flex;
    padding-left: 10px;
    color: #000;
    font-size: 5px;
  }
}
.m7 {
  width: 90px;
  height: 90px;
  position: absolute;
  left: 60px;
  top: 205px;
  transform: translate(-50%, -50%);
  cursor: pointer;
  > img {
    display: flex;
    padding-left: 10px;
  }
  > span {
    display: flex;
    padding-left: 10px;
    color: #000;
    font-size: 5px;
  }
}
.m8 {
  width: 100px;
  height: 90px;
  position: absolute;
  left: 165px;
  top: 205px;
  transform: translate(-50%, -50%);
  cursor: pointer;
  > img {
    display: flex;
    padding-left: 10px;
  }
  > span {
    display: flex;
    padding-left: 10px;
    color: #000;
    font-size: 5px;
  }
}
</style>
